<!--
 * @Author: krsea 965837746@qq.com
 * @Date: 2025-03-11 16:41:23
 * @LastEditors: krsea 965837746@qq.com
 * @LastEditTime: 2025-03-11 16:49:56
 * @FilePath: \ouyang\src\components\hello.vue
 * @Description: 
 * 
 * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved. 
-->
<template>
    <div class="hello">
        <h2> {{ mesg }} </h2>
    </div>
</template>

<script>
export default {
    //data 必须是一个函数
    data() {
        return {
            mesg: "Hello Vue!"
        }
    }
}
</script>

<style scoped>
h2 {
    color: red;
}
</style>